<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城 - 小米11、Redmi Note 9、小米MIX Alpha，小米电视官方网站 </title>
    <link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="css.css">
</head>
<body>
<div class="top-wrapper"></div>
<div class="sit">
 <div class="site-topbar">
    <a href="javascript:void(0);">小米商城</a><span class="sep">|</span>
    <a href="javascript:void(0);">MIUI</a><span class="sep">|</span>
    <a href="javascript:void(0);">loT</a><span class="sep">|</span>
    <a href="javascript:void(0);">云服务</a><span class="sep">|</span>
    <a href="javascript:void(0);">天星数科</a><span class="sep">|</span>
    <a href="javascript:void(0);">有品</a><span class="sep">|</span>
    <a href="javascript:void(0);">小爱开放平台</a><span class="sep">|</span>
    <a href="javascript:void(0);">企业团购</a><span class="sep">|</span>
    <a href="javascript:void(0);">资质证照</a><span class="sep">|</span>
    <a href="javascript:void(0);">协议规定</a><span class="sep">|</span>
    <a href="javascript:void(0);">下载app</a><span class="sep">|</span>
    <a href="javascript:void(0);">智能生活</a><span class="sep">|</span>
    <a href="javascript:void(0);">Select Location</a>
  <div class="dl">
    <a href="javascript:void(0);">登录</a><span class="sep">|</span>
    <a href="javascript:void(0);">注册</a><span class="sep">|</span>
    <a href="javascript:void(0);">消息通知</a><span class="sep">|</span>
    <a href="javascript:void(0);">购物车  (0)</a>
  </div>
 </div>
</div>

<div class="header clearfix">
    <a href="index.html" class="logo"></a>
    <div class="center">
        <a href="javascript:void(0);">小米手机</a>
        <a href="javascript:void(0);">Redmi 红米</a>
        <a href="javascript:void(0);">电视</a>
        <a href="javascript:void(0);">笔记本</a>
        <a href="javascript:void(0);">家电</a>
        <a href="javascript:void(0);">路由器</a>
        <a href="javascript:void(0);">智能硬件</a>
        <a href="javascript:void(0);">服务</a>
        <a href="javascript:void(0);">社区</a>
    </div>
    <div class="search-area">
        <input type="text">
        <button></button>
        <div class="butt">
            <a href="javascript:void(0);">小米11</a>
            <a href="javascript:void(0);">小米10</a>
        </div>
    </div>
</div>






<div class="menu">
    <div class="section">
        <a href="javascript:void(0);">手机 电话卡<span> &gt; </span></a>
        <a href="javascript:void(0);">电视 盒子<span> > </span></a>
        <a href="javascript:void(0);">笔记本 显示器<span> > </span></a>
        <a href="javascript:void(0);">家电 插电板<span> > </span></a>
        <a href="javascript:void(0);">出行 穿戴<span> > </span></a>
        <a href="javascript:void(0);">智能 路由器<span> > </span></a>
        <a href="javascript:void(0);">电源 配件<span> > </span></a>
        <a href="javascript:void(0);">健康 儿童<span> > </span></a>
        <a href="javascript:void(0);">耳机 音响<span> > </span></a>
        <a href="javascript:void(0);">生活 箱包<span> > </span></a>
    </div>
    <div class="img">
        <a class="show" href="javascript:void(0);">
            <img src="imgs/bj3.jpg"></a>
        <a href="javascript:void(0);">
            <img src="imgs/∪.webp"></a>
        <a href="javascript:void(0);">
            <img src="imgs/bj2.webp"></a>
        <a href="javascript:void(0);">
            <img src="imgs/bj3.jpg"></a>
        <a href="javascript:void(0);">
            <img src="imgs/bj4.webp"></a>

    </div>
    <div class="left-btn">&lt;</div>
    <div class="right-btn">&gt;</div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/mimi10.webp"> 小米 10</a>
        <a href="javascript:void(0);"><img src="imgs/mimi10.webp"> 小米 10</a>
        <a href="javascript:void(0);"><img src="imgs/mimi10.webp"> 小米 10</a>
        <a href="javascript:void(0);"><img src="imgs/mimi10.webp"> 小米 10</a>
        <a href="javascript:void(0);"><img src="imgs/mimi10.webp"> 小米 10</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/daping.webp">Redmi MAX 86” 超大屏电视</a>
        <a href="javascript:void(0);"><img src="imgs/daping.webp">Redmi MAX 86” 超大屏电视</a>
        <a href="javascript:void(0);"><img src="imgs/daping.webp">Redmi MAX 86” 超大屏电视</a>
        <a href="javascript:void(0);"><img src="imgs/daping.webp">Redmi MAX 86” 超大屏电视</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/bjbwebp.webp">RedmiBook Pro 15</a>
        <a href="javascript:void(0);"><img src="imgs/bjbwebp.webp">RedmiBook Pro 15</a>
        <a href="javascript:void(0);"><img src="imgs/bjbwebp.webp">RedmiBook Pro 15</a>
        <a href="javascript:void(0);"><img src="imgs/bjbwebp.webp">RedmiBook Pro 15</a>
        <a href="javascript:void(0);"><img src="imgs/bjbwebp.webp">RedmiBook Pro 15</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/bx.webp">冰箱</a>
        <a href="javascript:void(0);"><img src="imgs/bx.webp">冰箱</a>
        <a href="javascript:void(0);"><img src="imgs/bx.webp">冰箱</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/手环5.webp">手环5 NFC</a>
        <a href="javascript:void(0);"><img src="imgs/手环5.webp">手环5 NFC</a>
        <a href="javascript:void(0);"><img src="imgs/手环5.webp">手环5 NFC</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/dayinji.jpg">打印机</a>
        <a href="javascript:void(0);"><img src="imgs/dayinji.jpg">打印机</a>
        <a href="javascript:void(0);"><img src="imgs/dayinji.jpg">打印机</a>
        <a href="javascript:void(0);"><img src="imgs/dayinji.jpg">打印机</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/yidong.webp">移动电源</a>
        <a href="javascript:void(0);"><img src="imgs/yidong.webp">移动电源</a>
        <a href="javascript:void(0);"><img src="imgs/yidong.webp">移动电源</a>
        <a href="javascript:void(0);"><img src="imgs/yidong.webp">移动电源</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/xishou.jpg">洗手机</a>
        <a href="javascript:void(0);"><img src="imgs/xishou.jpg">洗手机</a>
        <a href="javascript:void(0);"><img src="imgs/xishou.jpg">洗手机</a>
        <a href="javascript:void(0);"><img src="imgs/xishou.jpg">洗手机</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/yinxiang.webp">小米小爱音箱 Art 电池版</a>
        <a href="javascript:void(0);"><img src="imgs/yinxiang.webp">小米小爱音箱 Art 电池版</a>
        <a href="javascript:void(0);"><img src="imgs/yinxiang.webp">小米小爱音箱 Art 电池版</a>
        <a href="javascript:void(0);"><img src="imgs/yinxiang.webp">小米小爱音箱 Art 电池版</a>
    </div>
    <div class="modal">
        <a href="javascript:void(0);"><img src="imgs/beibao.webp">小背包</a>
        <a href="javascript:void(0);"><img src="imgs/beibao.webp">小背包</a>
        <a href="javascript:void(0);"><img src="imgs/beibao.webp">小背包</a>
        <a href="javascript:void(0);"><img src="imgs/beibao.webp">小背包</a>
    </div>
</div>



<div class="sus">
 <div class="sus-left">
    <ul class="sus-ul">
        <li><a href="javascript:void(0);"><img src="imgs/sus1.png">小米秒杀</a> </li>
        <li><a href="javascript:void(0);"><img src="imgs/sus2.png">企业团购</a> </li>
        <li><a href="javascript:void(0);"><img src="imgs/sus3.png">F码通道</a> </li>
        <li><a href="javascript:void(0);"><img src="imgs/sus4.png">米粉卡</a> </li>
        <li><a href="javascript:void(0);"><img src="imgs/sus5png.png">以旧换新</a> </li>
        <li><a href="javascript:void(0);"><img src="imgs/sus6.png">话费充值</a> </li>
    </ul>
 </div>
 <div class="sus-right">
            <div class="su1">
                <a href="javascript:void(0);"><img src="imgs/susr1.jpg"></a>
                <a href="javascript:void(0);"><img src="imgs/susr2.jpg"></a>
                <a href="javascript:void(0);"><img src="imgs/susr3.jpg"></a>
            </div>
 </div>
</div>

<div class="home-flashsale">
    <div class="title"><span>小米秒杀</span></div>
        <div class="box-bd clearfix">
         <div class="ro">
             <div class="top">10:00场</div>
             <div class="shangou"><img src="imgs/shangou.jpg" alt="小米shangou"></div>
             <div class="bottom" style="color: rgba(0,0,0,.54);font-size: 15px;" align="center">距离结束还有</div>
             <div class="countdown clearfix">
                 <span>01</span>
                 <p>:</p>
                 <span>49</span>
                 <p>:</p>
                 <span>25</span>
             </div></div></div>
    <div class="box-right">
        <div class="ri">
        <a class="ri1" href="javascript:void(0);"></a>
        <a class="ri1" href="javascript:void(0);"></a>
        <a class="ri1" href="javascript:void(0);"></a>
        <a class="ri1" href="javascript:void(0);"></a>
        </div>
    </div>
</div>
<div class="home-banner-box">
<a href="javascript:void(0);"><img src="imgs/bottom1.webp"></a>

</div>


<div class="row-top">
    <div class="tit"><span>手机</span></div>
<div class="row">
    <div class="left">
        <a href="javascript:void(0);">
            <img src="imgs/mi11.webp">
        </a>
    </div>
    <div class="right">
        <div class="right1"><a href="javascript:void(0);">
            <img src="imgs/xiaomi11.webp"><span class="spa">小米11</span>
        </a></div>
        <div class="right1"><a href="javascript:void(0);">
            <img src="imgs/mi10.webp"><span class="spa">小米10<br><p style= "font-size: 12px; color:#b0b0b0">好玩好玩好玩好玩</p><br><br>4399元</span>
        </a> </div>
        <div class="right1"><a href="javascript:void(0);">
            <img src="imgs/mik30.webp"><span class="spa">Radmi K 40</span>
        </a> </div>
        <div class="right1"><a href="javascript:void(0);">
            <img src="imgs/mik40webp.webp"><span class="spa">Radmi K 40 Pro</span>
        </a></div>
        <div class="right1"><a href="javascript:void(0);">
            <img src="imgs/note9.webp"><span class="spa">小米11</span>
        </a></div>
        <div class="right1"><a href="javascript:void(0);">
            <img src="imgs/note9%20p.webp"><span class="spa">小米11</span>
        </a></div>
        <div class="right1"><a href="javascript:void(0);">
            <img src="imgs/note94.webp"><span class="spa">小米11</span>
        </a></div>
        <div class="right1"><a href="javascript:void(0);">
            <img src="imgs/redmi9.webp"><span class="spa">小米11</span>
        </a></div>
    </div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>